<template>
	<view class="flex-col page">
		<view class="flex-col group">
			<image :src="imgUrl+'16557826849664517298.png'" class="image_1" />
			<view class="flex-col group_1">
				<text class="text_1">支付成功</text>
				<text class="text_2">支付方式：微信支付</text>
				<view class="flex-col group_2">
					<text class="text_3">支付时间：2019-12-06 12:00</text>
					<text class="text_4">已向平台发出申请正在为您匹配服务人员，请您在APP中或web端完善资料。</text>
				</view>
			</view>
			<view class="flex-col items-center group_3">
				<view class="flex-col items-center button"><text class="text_5">完善订单</text></view>
				<view class="flex-col items-center button_1"><text class="text_6">返回首页</text></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				imgUrl:this.$IMG_URL,
			};
		},
		methods: {},
	};
</script>

<style scoped lang="scss">
	.page {
		background-color: #ffffffff;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}

	.group {
		padding: 88rpx 0 358rpx;
		flex: 1 1 auto;
		overflow-y: auto;
	}

	.image_1 {
		align-self: center;
		width: 250rpx;
		height: 180rpx;
	}

	.group_1 {
		margin-top: 37rpx;
		padding-left: 120rpx;
		padding-right: 92rpx;
	}

	.group_3 {
		margin-top: 105rpx;
	}

	.text_1 {
		align-self: center;
		color: #000000;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_2 {
		margin-top: 38rpx;
		align-self: center;
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.group_2 {
		margin-top: 29rpx;
	}

	.button {
		padding: 19rpx 0 19rpx;
		background-color: #1d6aff;
		border-radius: 36rpx;
		width: 320rpx;
	}

	.button_1 {
		margin-top: 32rpx;
		padding: 14rpx 0 25rpx;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557826849630472894.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 320rpx;
	}

	.text_3 {
		align-self: center;
		color: #666666;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_4 {
		margin-top: 35rpx;
		color: #ff9d00;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
		text-align: center;
	}

	.text_5 {
		color: #ffffff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_6 {
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}
</style>
